@import '../../../them.scss';

.mine-view {
    display: flex;
    width: 100%;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    background-color: $lightGray;
    .sub-box-view {
        display: flex;
        width: 100%;
        flex-direction: column;
        background-color: $lightGray;
        width: 95%;
        margin: 0 auto;
        margin-bottom: 200rpx;
    }
    .user-info-view {
        display: flex;
        align-items: center;
        flex-direction: row;
        .info-sub-view {
            width: 60%;
            margin-left: 20rpx;
            .lever-view {
                margin-top: 16rpx;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                .lever-text {
                    color: $mainColor;
                    font-size: 32rpx;
                    font-weight: bold;
                    font-family:'Times New Roman', Times, serif
                }
                .progress-text {
                    color: $secondTextColor;
                }
            }
            .progress-view {
                margin-top: 16rpx;
            }
            .name-text {
                font-size: 40rpx;
                font-weight: 500;
                color: $regularTextColor;
            }
        }
    }
    
    .account-row-view {
        display: flex;
        flex-direction: row;
        align-items: center;
        .row-text {
            color: $secondTextColor;
        }
        .row-icon {
            margin-left: 20rpx;
        }
    }
    .row-item-view {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .title-view {
            font-size: 50rpx;
            font-weight: bold;
            color: $regularTextColor;
        }
        .subtitle-view {
            font-size: 30rpx;
            color: $secondTextColor;
        }
    }

    .line-bg-view {
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: center;
         padding-bottom: 20rpx;
        .line-view {
            background-color: $splitline;
            height: 40rpx;
            width: 2rpx;
        }
    }
}
